<template>
  <section class="solution-area pb-120">
    <div class="container">
      <div class="row">
        <div class="col-lg-5">
          <div class="solution-thumb animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
            <img src="/assets/images/solution-thumb.jpg" alt="">
            <div class="shape">
              <img src="/assets/images/shape/shape-1.png" alt="">
            </div>
          </div>
        </div>
        <div class="col-lg-7">
          <div class="solution-item">
            <div class="solution-header">
              <h3 class="title">Industrial Market Leader</h3>
              <span>We provide innovative Product Solutions for sustainable progress. </span>
            </div>
            <div class="row">
              <div class="col-lg-7 col-md-7">
                <div class="solution-list-content">
                  <p>There are many variations of passages of lorem ipsum available, but the majority have suffered in some form, by injected humour.</p>
                  <ul>
                    <li><i class="flaticon-tick"></i>Nsectetur cing elit.</li>
                    <li><i class="flaticon-tick"></i>Suspe ndisse suscipit sagittis leo.</li>
                    <li><i class="flaticon-tick"></i>Entum estibulum dignissim posuere.</li>
                    <li><i class="flaticon-tick"></i>If you are going to use a passage.</li>
                  </ul>
                </div>
              </div>
              <div class="col-lg-5 col-md-5 col-sm-7">
                <div class="solution-slide-item mt-50">
                  <div class="solution-services">
                    <i class="flaticon-creative-design"></i>
                    <p>We’re providing the best industrial services</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="solution-user  d-flex align-items-center">
              <div class="user">
                <img src="/assets/images/solution-user.png" alt="user">
              </div>
              <div class="sing">
                <img src="/assets/images/solution-sing.png" alt="user">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="solution-shape animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
      <img src="/assets/images/shape/shape-13.png" alt="">
    </div>
  </section>
</template>

<script>
    export default {
        name: "SolutionArea"
    }
</script>

<style scoped>

</style>
